@import "util";
@import "../common/rem.less";

.key-result-add {
    .px2px(font-size, 28);
    .result-content-block {
        overflow: hidden;
        .px2rem(margin-bottom, 20);
        border-bottom: 1px solid #e2e8ed;
        .result-label {
            .px2rem(padding-left, 30);
            .px2rem(padding-right, 30);
            .px2rem(padding-top, 20);
            .px2rem(padding-bottom, 0);
            background-color: white;
            span {
                color: red;
                .px2px(font-size,20);
                .px2rem(margin-left,10);
            }
        }
        .result-text-input {
            .px2rem(height, 205);
            width: 100%;
            textarea {
                width: 100%;
                height: 100%;
                display: table;
                .px2rem(padding-left, 30);
                .px2rem(padding-right, 30);
                .px2rem(padding-top, 10);
                .px2rem(padding-bottom, 10);
                .px2px(font-size, 28);
                color: #8899A6;
                font-weight: 200;
                border: none;
                resize: none;
            }
        }
    }

    .input-result-percent{
        .left-part{
            width: 65%;
        }
        .right-part{
            width: 35%;
            #percent-input {
                width: 80%;
                .px2px(font-size,28);
                border: none;
                text-align: end;
            }
        }
    }


    .btn-group-block{
        text-align: center;
        .px2rem(margin-top,60);
        .btn{
            margin: 0 auto;
            border-radius: 10px;
            border: none;
            width: 85%;
            .px2px(font-size,30);
            .px2rem(height,90);
            .px2rem(line-height,90);
        }
        .save-btn{
            color: white;
            background-color: #fa6771;
            .px2rem(margin-bottom,22);
        }
        .save-next-btn{
            background-color: white;
            color: #fa6771;
        }
        .btn-disabled{
            opacity: 0.5;
        }
    }
}